<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<html>
<head>
<title>用户列表</title>
<jsp:include page="/WEB-INF/views/common.jsp"></jsp:include>
<script type="text/javascript" src="${ctx }/js/user/userList.js"></script>
</head>
<body>
	<div>
		<!-- 表格数据 -->
		<table id="userListId" title="用户列表" class="easyui-datagrid" 
		url="${ctx}/w/wh001/wh012" toolbar="#toolbarId" pagination="true" striped="true" height="420px;" width="100%">
			<thead>
				<tr>
					<th data-options="field:'id',checkbox:true" width="5%"></th>
					<th width="7%" data-options="field:'companyId'">公司id</th>
					<th width="7%" data-options="field:'officeId'">部门id</th>
					<th width="7%" data-options="field:'loginName'">登录名</th>
					<th width="7%" data-options="field:'password'">密码</th>
					<th width="7%" data-options="field:'no'">工号</th>
					<th width="7%" data-options="field:'name'">姓名</th>
					<th width="7%" data-options="field:'sex'">性别</th>
					<th width="7%" data-options="field:'email'">邮箱</th>
					<th width="7%" data-options="field:'phone'">电话</th>
					<th width="7%" data-options="field:'mobile'">手机</th>
					<th width="7%" data-options="field:'addressId'">地址</th>
					<th width="7%" data-options="field:'userType'">用户类型</th>
					<th width="7%" data-options="field:'photo'">用户头像</th>
					<th width="7%" data-options="field:'loginIp'">最后登录的ip</th>
					<th width="7%" data-options="field:'loginDate'">最后登录的时间</th>
					<th width="7%" data-options="field:'loginFlag'">是否可登录</th>
					<th width="7%" data-options="field:'createBy'">创建者 </th>
					<th width="7%" data-options="field:'createDate'">创建时间 </th>
					<th width="7%" data-options="field:'updateBy'">更新者 </th>
					<th width="7%" data-options="field:'updateDate'">更新时间 </th>
					<th width="7%" data-options="field:'remarks'">备注信息 </th>
				</tr>
			</thead>
		</table>
		<!-- 工具条 -->
		<div id="toolbarId" style="padding: 5px; height: auto">
			<div style="margin-bottom: 5px">
				<a href="javascript:void(0)" id="addUserId"
					class="easyui-linkbutton" onclick="openUserDialog()"
					iconCls="icon-add" plain="true">添加</a>
			</div>
		</div>
		
		<!-- 用户对话框 -->
		<div id="userDialogId" class="easyui-dialog" title=""
			style="width: 950px; height: 300px;" data-options="modal:true"
			closed="true" buttons="#userDialogIdToolbarId">
			<form id="userFormId" method="post" style="margin-top: 30" enctype="multipart/form-data">
				<table class="userTableClass" width="100%" height=""
					style="BORDER-COLLAPSE: collapse;" cellpadding="1" border="1"
					borderColor="#BEBEBE" align="center">
					<tr>

						<td style="background: #E0EEEE"><label>真实姓名：</label></td>
						<td><input id="pkId" type="hidden" name="id" /> <input
							type="hidden" name="addressId" /> <input type="text" name="name" />
						</td>
						<td style="background: #E0EEEE"><label>年龄：</label></td>
						<td><input type="text" name="age" /></td>
						<td style="background: #E0EEEE"><label>性别：</label></td>
						<td><select id="sexId" class="easyui-combobox" name="sex"
							style="width: 50px;" editable="false"
							data-options="panelHeight:'auto'">
								<option value="1">男</option>
								<option value="0">女</option>
						</select></td>
					</tr>
					<tr>
						<td style="background: #E0EEEE"><label>登录名：</label></td>
						<td><input type="text" class="easyui-validatebox"
							name="loginName" missingMessage="请输入登录名"
							data-options="required:true" /></td>
						<td style="background: #E0EEEE"><label>密码：</label></td>
						<td><input id="passwordId" type="password" name="password"
							value="123" /><font color="#FF0000" size="2">(*默认：123)</font></td>

						<td style="background: #E0EEEE"><label>昵称：</label></td>
						<td><input type="text" name="nickName" /></td>
					</tr>
					<tr>
						<td style="background: #E0EEEE"><label>邮箱：</label></td>
						<td><input type="text" name="email" /></td>
						<td style="background: #E0EEEE"><label>手机号码：</label></td>
						<td><input type="text" name="phone" /></td>
						<td style="height: 80px;width: 100px;"><label></label></td>
						<td align="center">
							<!-- <input type="text" name="icon" /> -->
							<span>添加头像</span><br />
							<!-- <input class="easyui-filebox" name="icon" data-options="prompt:'选择头像...',buttonText:'选择'" > -->
							<input type="file" name="icon" value="选择头像" />
						</td>
					</tr>
					<tr>
						<td colspan="6" style="font-size: 13px;">国： <select
							id="countryId" class="easyui-combobox" name="country"
							editable="false" style="width: 60px;"
							data-options="panelHeight:'auto'">
								<option value="1">中国</option>
						</select> 省： <input id="provinceId" style="width: 60px;"
							data-options="panelHeight:'110'" /> 市： <input id="cityId"
							style="width: 90px;" data-options="panelHeight:'110'" /> 区县： <input
							id="districtId" name="districtId" style="width: 100px;"
							data-options="panelHeight:'110'" /> 详细地址： <input type="text"
							name="address" />
						</td>
					</tr>
				</table>
			</form>
		</div>
		<div id="userDialogIdToolbarId">
			<div style="margin-bottom: 5px">
				<a href="javascript:void(0)" id="saveId" class="easyui-linkbutton"
					iconCls="icon-ok" plain="true">保存</a> <a href="javascript:void(0)"
					id="closeId" class="easyui-linkbutton" iconCls="icon-cancel"
					plain="true">取消</a>
			</div>
		</div>

	</div>
	
</body>
</html>
